.homesort {
    .top {
        display: flex;
        justify-content: space-between;
        padding: 0px 10px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: #333;

        .tabs {
            width: 40%;
            // .adm-tabs{
            //     height: 44px;

            // }
            // .adm-tabs-tab-list{
            //     border: none;
            //     height: 44px;
            // }
            // .adm-tabs-tab-active{
            //     padding: 0;
            //     color: #ff8f5c;
            // }
            // .adm-tabs-tab-line{
            //     background-color: #ff8f5c;
            // }
            ul {
                display: flex;
                justify-content: space-between;

                li {
                    padding: 0px 15px;
                }

                .active {
                    color: #ff8f5c;
                    border-bottom: 2px solid #ff8f5c;

                }
            }
        }

        .icon-sort {
            font-size: 22px;
            color: #333;
        }
    }

    .display {
        display: none;
    }

    .j-page {
        background-color: #f8f8f8;

        .line {
            height: 1px;
            background-color: #f8f8f8;
        }

        .catalog {
            margin-top: 8px;
            background-color: #fff;


            p {
                padding: 0 10px;
                font-size: 16px;
                line-height: 40px;
                height: 40px;
                color: #362e2b;
                border-bottom: 1px solid #e1e1e1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .lists {
                padding: 12px 8px 2px;
                display: flex;

                ul {
                    .img {
                        margin-bottom: 10px;
                        float: left;
                        width: 175px;
                        height: 110px;
                        margin-right: 4px;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            vertical-align: bottom;
                        }
                    }

                    li {
                        float: left;
                        width: 25%;
                        height: 30px;
                        margin-bottom: 10px;

                        a {
                            display: block;
                            text-align: center;
                            margin: 0 5px;
                            border-radius: 3px;
                            color: #8e8e8e;
                            background-color: #f8f8f8;
                            font-size: 12px;
                            height: 20px;
                            line-height: 20px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            padding: 5px 8px;
                        }
                    }
                }
            }

        }

    }
}